<!DOCTYPE html>
<html>
    <head>
        <title>自由练习</title>
        <meta charset="utf-8"/>
        <style>
            /*通配符选择器*/
            *{color:blue;background-color: rgb(189, 204, 50);}
            /*后代选择器*/
            em{color: darkmagenta;font-size: x-large;font-family: 'Times New Roman', Times, serif;}
        </style>
    </head>
    <body>
        <!--超链接-->
        <a href="./photo/0040jbadgy1goswc9wjllj62bm340u0z02.jpg" target="_blank">
            <h1>A beautiful girl,JJY</h1>
            <!--图片相对路径-->
            <img src="./photo/0040jbadgy1gze893zr39j61vu1xnhdt02.jpg" alt="鞠婧祎">
        </a>
        <ul><!--无序排列-->
            <li>
                水果<ol><!--有序排列-->
                    <li>苹果</li>
                    <li>橘子</li>
                </ol>
            </li>
            <li>
                蔬菜<ol>
                    <li>茄子</li>
                    <li>番茄</li>
                </ol>
            </li>
        </ul>
        <h2><em>鞠婧祎</em>————会唱跳的演员</h2>
        <table border="1"><!--表格-->
            <tr><th colspan="3">电视剧</th>
                <th>歌曲舞台</th>
            </tr>
            <tr>
                <th>剧名</th>
                <th>角色名</th>
                <th>演唱</th>
                <th></th>
            </tr>
            <tr>
                <td>芸汐传</td>
                <td>韩芸汐</td>
                <td>叹云兮</td>
                <td>恋爱告急</td>
            </tr>
        </table>
        <form><!--表单-->
            用户名：<input type="text" name="name" value="请输入用户名"/>
            密码：<input type="password" name="password" value="" />
            <br><!--单选-->
            <input type="radio" value="male" name="sex"/>男
            <input type="radio" value="female" name="sex" checked/>女
            <br><!--多选-->
            <input type="checkbox" value="apple" name="fruits"/>苹果
            <input type="checkbox" value="pear" name="fruits"/>梨子
            <br><!--文件-->
            <input type="file" name="files"/>
            <!--提交重置按钮-->
            <input type="submit" value="提交"/>
            <input type="reset" value="重置"/>
            <input type="button" value="按钮"/>
            <!--多行文本域-->
            <textarea name="kiku" rows="3" cols="20">
                Kiku is the English name of JJY.
               </textarea>
               <br>
               <!--下拉列表-->
               <select name="character">
                <option value="0">韩芸汐</option>
                <option value="1" selected>魏枝</option>
                <option value="2">韩菱纱</option>
               </select>
       </form>
       <br>
       <!--音频标签-->
      <audio src="" controls="controls"></audio>
<br>
       <!--视频标签-->
       <video src="" controls="controls" autoplay muted width="40" height="50"></video>
       <!--选择器：1.标签选择器2.类选择器 .什么 class="什么"3、id选择器 #什么 id="什么"  -->
       <!--行内样式,在元素标签内通过style 属性添加样式-->
       <!--页内样式,在head部分的style标签内添加样式-->
       <!--外部样式引用外部建立的.css文件
          <link rel="stylesheet" href="外部建立的.css文件路径">
       -->
       
       

    </body>
</html>